const {defineConfig} = require('@vue/cli-service')
const webpack = require("webpack");
module.exports = {
    publicPath: './',
}

module.exports = {
    pluginOptions: {
        proxy: {
            [process.env.VUE_APP_BASE_API]: {
                target: process.env.VUE_APP_BASE_URL, // 代理的线上的接口地址
                // 如果要代理 websockets
                ws: true,
                changeOrigin: true,
                pathRewrite: {   //重写路径，这种是没有我们定义的前缀
                    ['^' + process.env.VUE_APP_BASE_API]: ''
                }
            }
        },
        publicPath: "./"
    }
}

module.exports = defineConfig({
    transpileDependencies: true,
    lintOnSave: false,
    devServer: {
        proxy: {
            '/api': {   //请求前缀，有这个前缀(紧跟端口号)的才会走代理
                target: 'http://43.139.137.216:8800',
                // 允许跨域
                changeOrigin: true, //是否对告诉真实服务器真实的源，false不改变源(真实的源) true(改变源)-----用于控制请求头中的host
                ws: true,  //用于支持websocket
                pathRewrite: {
                    '^/api': ''
                }
            },
        }

    },

    configureWebpack: {
        plugins: [
            // 配置 jQuery 插件的参数
            new webpack.ProvidePlugin({
                $: 'jquery',
                jQuery: 'jquery',
                'window.jQuery': 'jquery',
                Popper: ['popper.js', 'default']
            }),
        ]
    },
    css: {
        loaderOptions: {
            less: {
                lessOptions: {
                    modifyVars: {
                        'primary-color': 'rgb(24,144,255)',
                        'link-color': 'rgb(24,144,255)',
                        'border-radius-base': '2px',
                    },
                    javascriptEnabled: true,
                },
            },
        },
    },
})
